body{
    background-color: transparent; 
    //overflow-x: hidden;
    overflow-y: auto !important;
}

.content {
    width: 1280px;
    margin: 0 auto;
    max-height: 880px;
    overflow-y: hidden;
    position: relative;

    .content_title_box { //全局标题样式
        margin-bottom: 10px;
        img {
            width: 26px;
            height: 26px;
            margin-left: 16px;
        }
        span {
            color: white;
            font-size: 20px;
            height: 26px;
            line-height: 26px;
            margin-left: 10px;
        }
    }

    .logo_image_box {
        text-align: center;
        margin-top: 10px;
        >img {
            width: 288px;
            height: 56px;
            display: block;
            margin: 0 auto;
        }
    }
    .center {
        //display: none;
        padding: 0 30px;
        .main_left {
            width: 308px;
            //background-color: gray;
            //height: 200px;
            position: relative;
            top: 30px;
            .item {
                margin-top: 20px;
                &:first-child {
                    margin-top: 0;
                }
                .top_title {
                    
                    img {
                        margin-left: 16px;
                        width: 26px;
                        height: 26px;
                    }
                    span {
                        color: white;
                        height: 26px;
                        line-height: 26px;
                        font-size: 20px;
                        margin-left: 10px;
                    }
                }
                .bottom_number {
                    margin-top: 8px;
                    height: 62px;
                    line-height: 62px;
                    font-family: myFirstFont;
                    background:url(../image/overview/overview_bg_data_01.png) left top no-repeat;
                    background-size: 100% 100%;  
                    text-align: right;
                    font-size: 50px;
                    color: #6feef4;
                    >span {
                        font-family: "Microsoft YaHei";
                        font-size: 20px;
                        color: #fff;
                        //margin-left: 5px;
                    }                    
                }
            }
    
        }
        .main_center {
            //background-color: #fff;
            width:682px;
            height: 600px;
            position: relative;
            top: -120px;
        }
        .main_right {
            position: relative;
            top: 130px;
            width: 230px;
            //background-color: yellow;
            height: 200px;
            ul {
                li {
                    height: 70px;
                    line-height: 70px;
                    text-align: center;
                    background:url(../image/overview/overview_img_top1.png) left top no-repeat;
                    background-size: 100% 100%;     
                    span {
                        color: white;
                        font-size: 20px;
                        position: relative;
                        left: 50px;
                        top: 5px;
                    } 
                    &.one_li {
                        background-image:url(../image/overview/overview_img_top1.png);
                    } 
                    &.two_li {
                        background-image:url(../image/overview/overview_img_top2.png);
                    }
                    &.three_li {
                        background-image:url(../image/overview/overview_img_top3.png);
                        
                    }               
                }
            }
        }        

    }

    .bottom_content_box {
        position: relative;
        top: -200px;
        padding: 0 30px;
        .bottom_left {
            width: 308px;
            .bottom_left_content {
                height: 350px;
                background:url(../image/overview/overview_bg_data_02.png) left top no-repeat;
                background-size: 100% 100%;   
                position: relative;
    
                .tag {
                    position:absolute;padding:3px 6px;font-family:Microsoft YaHei;color:#6feef4;TOP:0px;font-weight:bold;text-decoration:none;left:0px;
    
                }
            }

        }
        .bottom_center {
            position: relative;
            top: 138px;
            margin-left: 10px;
            //height: 212px;
            width: 604px;
            //background-color: yellow;

        }
        .bottom_right {
            margin-left: 10px;
            position: relative;
            top: 138px;
            .bottom_info_box {

                height: 212px;
                width: 288px;
                padding: 10px;
                box-sizing: border-box;
                background:url(../image/overview/overview_bg_data_02.png) left top no-repeat;
                background-size: 100% 100%;  
                font-size: 14px;
                color: white;
                .l {
                    width: 100px;
                }
                .c {
                    width: 105px;
                }
                .r {
                    width: 63px;
                }
                .header_box {
                    div {
                        height: 36px;
                        line-height: 36px;
                    }
                }
                .list_box {
                    margin-top: 4px;
                    li {
                        div {
                            height: 32px;
                            line-height: 32px;
    
                        }
                    }
                }


            }
            
        }
    }

}